   <!-- 导航nav下面产品 开始 -->
    <div class="nav_js w">
        <div class="js_left" style="display: none;">
            <ul>
                <li><a href="#">家用电器<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">手机、数码、通信<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">电脑、办公<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">家居、家具、家装、厨具<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">男装、女装、童装、内衣<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">个户化妆、清洁用品、宠物<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">鞋靴、箱包、珠宝、奢侈品<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">运动户外、钟表<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">汽车、汽车用品<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">母婴、玩具乐器<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">食品、酒类、生鲜、特产<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">医药保健<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">图书、音像、电子书<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">彩票、旅行、充值、票务<i class="iconfont iconyoujiantou"></i></a></li>
                <li><a href="#">理财、众筹、白条、保险<i class="iconfont iconyoujiantou"></i></a></li>
            </ul>
        </div>
        <div class="js_logo">
            <a href="#"><img src="./images/微信图片_20210311195438.png" alt=""></a>
        </div>
        <div class="js_right">
            <div class="kuaibao">
                <div class="clearfix">
                    <h5>品优购快报</h5>
                    <span>更多<i class="iconfont iconyoujiantou"></i></span>
                </div>
                <div class="kuaibao_xia">
                    <ul>
                        <li><a href="#">[特惠]</a>&nbsp;<a href="#">备战开学季 全民半价购数码</a></li>
                        <li><a href="#">[公告]</a>&nbsp;<a href="#">品优稳占家电网购六成股份</a></li>
                        <li><a href="#">[特惠]</a>&nbsp;<a href="#">百元中秋全品类礼券限量领</a></li>
                        <li><a href="#">[公告]</a>&nbsp;<a href="#">上品优生鲜 享阳澄湖大闸蟹</a></li>
                        <li><a href="#">[特惠]</a>&nbsp;<a href="#">每日享折扣品优品质游</a></li>
                    </ul>
                </div>
                <div class="tubiao">
                    
                </div>
            </div>
            <div class="guanggao">
                <img src="./images/bargain.png" alt="">
            </div>
        </div>
    </div>
    <!-- 导航nav下面产品 结束 -->

    /* <!-- 导航nav下面产品 开始 --> */
.nav_js {
    position: relative;
    height: 466px;
    background-color: pink;
}
.nav_js .js_left {
    position: relative;
    float: left;
    display: block;
    height: 100%;
    width: 210px;
    background-color: #c81623;
    line-height: 31px;
    padding-bottom: 5px;
}
.nav_js .js_left a {
    display: block;
    font-size: 14px;
    color: #f1f1f1;
    padding-left: 10px;
}
.js_left .iconyoujiantou {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #f7f7f7;
}
.js_left li:hover a {
    background-color: #f7f7f7;
    color: #c31728;
}
.nav_js .js_logo {
    float: left;
    width: 721px;
    height: 455px;
    margin-left: 10px;
    margin-top: 10px;
}
.nav_js .js_right {
    float: right;
    width: 252px;
    height: 376px;
    border: 2px solid #e5e5e5;
}
.js_right .kuaibao {
    height: 163px;
    width: 100%;
    border-bottom: 2px solid #e5e5e5;
}
.kuaibao h5 {
    float: left;
    font-weight: 400;
    font-size: 14px;
    margin-top: 12px;
    margin-left: 16px;
    margin-bottom: 7px;
}
.kuaibao span {
    float: right;
    margin-top: 10px;
    margin-right: 16px;
    font-size: 14px;
}
.js_right .kuaibao .iconyoujiantou {
    font-size: 12px;
    margin-left: 9px;
}
.js_right .kuaibao .clearfix {
    border-bottom: 1px dotted #e9e9e9;
}
.js_right .kuaibao_xia li {
    line-height: 22px;
    font-size: 12px;
}
.js_right .kuaibao_xia {
    margin-top: 11px;
    margin-left: 15px;
}
.kuaibao_xia li a:nth-of-type(1) {
    font-weight: 700;
}
.kuaibao .table {
    height: 210px;
    width: 100%;
}
.js_right .guanggao {
    position: absolute;
    bottom: 0;
}
/* <!-- 导航nav下面产品 结束 --> */